<!doctype html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<!--主页3公共内容-->

<head th:fragment="CSS(title)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title th:replace="${title}">历史与未来</title>
    <link href="/assets/myIndex3/img/favicon.ico" rel="icon">
    <link rel="stylesheet" href="/assets/myIndex3/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/myIndex3/css/slick.min.css">
    <link rel="stylesheet" href="/assets/myIndex3/css/slick-theme.min.css">
    <!-- 主CSS -->
    <link rel="stylesheet" href="/assets/myIndex3/css/default.css" id="theme-color">
</head>

<body data-spy="scroll" data-target="#beleme-navbar" data-offset="1">
<!--主菜单 导航栏-->
<div class="menu" th:fragment="index3Head">
    <h1 class="logo me-auto" id="godzHead"></h1>
    <script>
        let newDate = new Date();
        let year4 = newDate.getFullYear();
        let text = document.querySelector("#godzHead");
        text.innerHTML = "Godz" + year4;
    </script>
    <ul id="showM">
        <li><a class="nav-link scrollto" href="/index">Godz的主页</a></li>
        <li><a class="nav-link scrollto" href="/index3">Godz的介绍</a></li>
        <li><a class="nav-link scrollto" href="/index2">Godz的技能</a></li>
        <li><a class="nav-link scrollto" href="/index3#education">Godz的经历</a></li>
        <li><a class="nav-link scrollto" href="/index2#portfolio">Godz的荣勋</a></li>
        <li><a class="nav-link scrollto" href="/index#Content">联系Godz</a></li>
    </ul>
    <button class="btnM">三</button>
    <button class="btnS">收起</button>
</div>
<!--尾部底层-->
<div class="footer" th:fragment="index3Footer">
    <div class="copyright">
        Copyright &copy;
        <text id="Nyear"></text>
        Godz-终将成神
        <br>
        网站备案号:皖ICP备2020020832号
        <br>
        <a href="https://beian.miit.gov.cn/">工信部备案官网首页</a>
    </div>

    <script>
         text = document.querySelector("#Nyear");
        text.innerHTML = year4 + ".";
    </script>
</div>
<!--JS仓库包括各种框架-->
<div th:fragment="index3Js">
    <script src="/assets/myIndex3/js/jquery-3.2.1.min.js"></script>
    <script src="/assets/myIndex3/js/popper.min.js"></script>
    <script src="/assets/myIndex3/js/bootstrap.min.js"></script>
    <script src="/assets/myIndex3/js/feather.min.js"></script>
    <script src="/assets/myIndex3/js/typist.min.js"></script>
    <script src="/assets/myIndex3/js/slick.min.js"></script>
    <!--主Js文件-->
    <script src="/assets/myIndex3/js/scripts.js"></script>
</div>

</body>

</html>
